.floatView{
    position: fixed;
    /*background: red;*/
    z-index: 999999;
    bottom: 90rpx;
    right: 30rpx;
    width: 133rpx;
    height: 300rpx;
    .edit{
       width: 133rpx;
       height: 133rpx; 
    }
   button::after {
      border: none;
    }

    .share{
        position: relative;
        width: 124rpx;
        height: 124rpx; 
        background: rgba(0,0,0,0);
        image{
           position: absolute;
           top: 0rpx;
           left: 0rpx;
           width: 124rpx;
           height: 124rpx; 
        }
    }
     
}
#topView{
    width: 750rpx;
    height: 474rpx;
    .top-logo{
        width: 163rpx;
        height: 73rpx;
        position: absolute;
        top: 67rpx;
        left: 293.5rpx;
    }
    .top-title{
        width: 750rpx;
        position: absolute;
        top:165rpx;
        left: 0rpx;
        font-size: 36rpx;
        color: #fff;
        text-align: center;
    }
    /*background: url('../../image/linshi/linshi3.png');*/
    .top{
        width: 750rpx;
        height: 374rpx;
        position: absolute;
        top: 0rpx;
        left: 0rpx;
    }
    .items{
        position: absolute;
        top: 274rpx;
        left: 30rpx;
        width: 690rpx;
        height: 175rpx;
        background: #fff;
        border-radius: 14rpx;
        border: 1rpx solid #f2f2f2;
        box-shadow: 2rpx 2rpx 2rpx  #f2f2f2;
        z-index: 2;
        display: flex;
           view{
              font-size: 26rpx;
              color: #666;
              width: 172.5rpx;
              text-align: center;

              .top-icon{
                 width: 52rpx;
                 height: 52rpx;
                 margin-top: 40rpx;
              }
              label{
                margin-top: 24rpx;
                display: block;
              }
           }
      }

}

.tabbar{
    font-size: 34rpx;
    color: #333;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 0rpx 30rpx 30rpx 30rpx;
    text{
        font-size: 28rpx;
        color: #999;
        vertical-align: middle;
    }
    image{
        width: 17rpx;
        height: 26rpx;;
        vertical-align: middle;  
        margin-left: 4rpx;
    }
}
.advertising{

    image{
        display: block;
        width: 690rpx;
        height: 170rpx;
        margin:30rpx auto;
    }
}

.tbaar_tuijian{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    font-size: 26rpx;
    color: #666;
    padding: 0px 30rpx;
    height: 90rpx;
    line-height: 90rpx;
    border-bottom: 1px solid #ececec;
    .tj_left{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        .title{
            font-size: 34rpx;
            color: #333;
            font-weight: bold;
        }
        view{
            text{
                vertical-align: middle;
            }
        }
        image{
            width: 20rpx;
            height: 30rpx;
            vertical-align: middle;
            margin: 0px 10rpx;
        }
    }
    .tj_right{
        text-align: left;
        text{
            display: inline-block;
            height: 44rpx;
            line-height: 44rpx;
            padding: 0px 20rpx;
            background-color: #f5f5f5;
            border-radius: 22rpx;
            margin-left: 20rpx;
        }
        .active{
            color: #299cff;
            background-color: #e7f4ff;
        }
    }
}
.noSet_tj{
    .noset{
        height: 134rpx;
        line-height: 134rpx;
        font-size: 30rpx;
        text-align: center;
        color: #666;
    }
    .tj_text{
        text-align: center;
        background-color: #f5f5f5;
        height: 76rpx;
        line-height: 76rpx;
        text{
            display: inline-block;
            vertical-align: middle;
            font-size: 32rpx;
            color: #a1a1a1;
            &:nth-child(1){ 
                width: 70rpx;
                height: 2rpx;
                background-color: #dfdfdf;
                margin-right: 20rpx;
            }
            &:nth-child(3){
                width: 70rpx;
                height: 2rpx;
                background-color: #dfdfdf;
                margin-left: 20rpx;
            }
        }
    }
}
.fixed_bottom{
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    background-color: #fff;
    height: 93rpx;
    width: 100%;
    line-height: 93rpx;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -moz-box-shadow:0px 10px 20px #666; 
    -webkit-box-shadow:0px 10px 20px #666;
    box-shadow:0px 10px 20px #666;
    view{
        &:nth-child(1){
            padding-left: 30rpx;
            image{
                width: 30rpx;
                vertical-align: middle;
                margin-right: 12rpx;
            }
            text{
                vertical-align: middle;
                font-size: 27rpx;
                color: #ff9d10;
            }
        }
        &:nth-child(2){
            width: 300rpx;
            /*margin-block-start: 30rpx;*/
            background: -webkit-linear-gradient(left,#ff6a10, #ff9d03); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right,#ff6a10, #ff9d03); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right,#ff6a10, #ff9d03); /* Firefox 3.6 - 15 */
            background: linear-gradient(right,#ff6a10, #ff9d03); /* 标准的语法 */
            text-align: center;
            text{
                font-size: 32rpx;
                color: #fff;
                vertical-align: middle;
            }
            image{
                vertical-align: middle;
                margin-right: 20rpx;
                width: 42rpx;
            }
        }
    }
}